/*
  学习目标：创建h1标签, 渲染在浏览器中
*/

// 1. 导入react react-dom
// React负责： 创建虚拟DOM-React元素
// ReactDOM负责： 渲染虚拟DOM
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 通过react创建元素
// 语法： React.createElement("标签的类型"， {属性名: 属性值}, 标签的内容)
// 💥 如果标签不需要任何的属性， 推荐使用👍null ， {}
const title = React.createElement('i', {}, 'hello React');

// 3. 通过react-dom渲染元素
// 语法： ReactDOM.render(react元素， dom节点做为挂载点)
ReactDOM.render(title, document.getElementById('root'));
